<!--
  Generated template for the OrderPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-navbar>
        <ion-title>订单</ion-title>
        <button (click)="orderDetials()">订单详情</button>
    </ion-navbar>
    <ion-segment [(ngModel)]="orderType">
        <ion-segment-button value="all">
            全部订单
        </ion-segment-button>
        <ion-segment-button value="ForPayment">
            待付款
        </ion-segment-button>
        <ion-segment-button value="ForService">
            待服务
        </ion-segment-button>
        <ion-segment-button value="ToEvalute">
            待评价
        </ion-segment-button>
    </ion-segment>
</ion-header>

<link rel="stylesheet" type="text/css" href="../../assets/fontClass/iconfont.css">

<ion-content>
    <div [ngSwitch]="orderType">
        <ion-list *ngSwitchCase="'all'">
            <div class="backround">
                <i class="iconfont icon-youhuiquan"></i>
                <p class="coupon">您还没有订单</p>
            </div>

        </ion-list>
        <ion-list *ngSwitchCase="'ForPayment'">
            <div class="backround">
                <i class="iconfont icon-youhuiquan"></i>
                <p class="coupon">您还没有待付款订单</p>
            </div>

        </ion-list>
        <ion-list *ngSwitchCase="'ForService'">
            <div class="backround">
                <i class="iconfont icon-youhuiquan"></i>
                <p class="coupon">您还没有待服务订单</p>
            </div>
        </ion-list>
        <ion-list *ngSwitchCase="'ToEvalute'">
            <div class="backround">
                <i class="iconfont icon-youhuiquan"></i>
                <p class="coupon">您还没有待评价订单</p>
            </div>
        </ion-list>
    </div>
</ion-content>
